﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 '\5FAE\8F6F\96C5\9ED1';}
body{background:#e9e9e9;font-family:"Microsoft YaHei";color: #666;overflow-y:scroll;}
*{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:80%}
ul,ol{list-style:none}
a{text-decoration:none;color: #333}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
fieldset,img{border:0}
input:focus,textarea:focus{outline:none}
legend{color:#333}
textarea{resize:none;overflow:auto;vertical-align:top}
button{cursor:pointer;padding:0}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.clear{clear:both;width:1px;height:0;font-size:1px;visibility:hidden;overflow:hidden}
.fl{float:left}     
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.fn{font-weight:normal!important}
.fb{font-weight:bold}
.f12{font-size:12px}
.f14{font-size:14px}
/*margin*/
.m0atuo{margin:0 auto;}
.mt30{margin-top: 30px;}
/*padding*/
.p20{padding: 20px;box-sizing:border-box;}
.pl20{padding-left: 20px;}
/* public */
body{ min-width:1000px;}
/* back to top */
#scrollToTop{ cursor:pointer;position:fixed;_position:absolute;z-index:4;right:36px;bottom:49px;display:block;width:42px;height:42px; border:1px solid #BBB; border-radius:49px; background:#D8DDE0 url(../images/icoUp.png) center center no-repeat;filter:alpha(opacity=80);opacity:0.8;box-shadow:0 2px 2px 1px rgba(0,0,0,.15);-moz-transition:bottom 250ms ease-in-out;-webkit-transition:bottom 250ms ease-in-out;}
#scrollToTop:hover{filter:alpha(opacity=100);opacity:1;box-shadow:0 3px 2px 1px rgba(0,0,0,.16);}
#scrollToTop.off-screen{bottom:-100px;-moz-transition-duration:250ms;-webkit-transition-duration:250ms;}
.icon{background: url(../img/run/icon.png) no-repeat;}
/*header*/
.header{
background-image: -moz-linear-gradient(left, #fefefe, #e7e7e7); /* Firefox */
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fefefe), color-stop(1, #e7e7e7)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #fefefe, endColorstr = #e7e7e7);  
width: 100%;height: 70px;
}
.nav{
/*background-color:rgba(62,103,170,.8);*/ background: url(../img/run/navBg.png) repeat-x; width: 100%;height: 55px;position: relative;}
.header .header-content{width: 1000px;height: 100%}
.header .header-content .login{display: block;width: 164px;height: 44px;background: url(../img/run/login.png) no-repeat;position: relative;top: 13px;cursor:pointer;}
.header .header-content .hearder-title{font-size: 20px;color: #000;border-left: 1px solid #d5d5d5;height: 40px;line-height: 40px;margin: 15px 0 0 15px;padding-left: 15px;}
.header .header-content .hearder-select{width: 145px;white-space:nowrap; height: 30px;border:1px solid #d5d5d5;line-height: 30px;font-size: 14px;color: #666;margin-top: 20px;cursor: pointer;}
.header .header-content .hearder-select .select-title{padding-left:10px;}
.header .header-content .hearder-select .i-unfold{transition: all .8s; width: 10px;height: 10px;background: url(../img/run/icon.png) no-repeat  -9px -9px;display: block; float: right; margin: 11px 4px 0 0;}
.header .header-content .hearder-select .select-title:hover .i-unfold{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.header .header-content .hearder-select .list-box{background:#e9e9e9;position:relative;z-index:999;top:1px;}
.header .header-content .hearder-select .list-box li{border-bottom:1px solid #d5d5d5;text-align:center; color: #666;cursor: pointer;}

.header .header-content .header-text{font-size: 14px;color: #666;padding-left: 20px;line-height: 70px;}
.nav .nav-content{width: 1000px;height: 100%;}
.nav .nav-content li{font-size: 16px;cursor: pointer;float: left;}
.nav .nav-content li a{color: #fff;padding: 0 20px;line-height: 54px;display: block;}
.nav .nav-content li:hover{background: rgba(67,125,203,1);
animation:hover-menu .6s;}
@keyframes hover-menu
{
0%   {background: rgba(67,125,203,.2);}
25%  {background: rgba(67,125,203,.4);}
50%  {background: rgba(67,125,203,.6);}
75%  {background: rgba(67,125,203,.8);}
100% {background: rgba(67,125,203,1);}
}
.nav .nav-content .active{background: #437dcb;}
/*content*/
.content{margin: 0 auto;min-width: 1000px;width: 1000px;padding-right: 10px;}
.left-menu,.right-content{height: auto;background: #fff;}
.left-menu{width: 195px;}
.right-content{width: 795px;margin-left: 10px;min-height: 900px}
.right-content .h1-title{color: #000033;font-size: 18px;font-weight:bold;border-bottom: 1px solid #f4f4f4; padding-bottom: 10px;}
/*menu1*/
.left-menu .left-menu-top,.left-menu .left-menu-bottom{width: 100%;}
.left-menu .left-menu-top li,.left-menu .left-menu-bottom li{line-height: 40px;padding-left: 20px; color: #666;font-size: 14px;border-bottom: 1px solid #f4f4f4; cursor: pointer;}
.left-menu .left-menu-top li h2,.left-menu .left-menu-bottom li h2{font-size: 16px;color: #333;font-weight:bold;}
.left-menu .left-menu-bottom li h2 span{
	border-bottom: 2px solid #4989d8;
    display: block;
    width: 81px;
    position: relative;
    left: -20px;
    padding-left: 20px;
}
.left-menu .left-menu-top li:hover{background: #4989d8;color: #fff;}
.left-menu .left-menu-top li.active{background: #4989d8;color: #fff;}
.left-menu .left-menu-top li.active i{display: block;width: 0;height: 0;border-top: 6px solid transparent;border-right: 5px solid #fff;border-bottom: 6px solid transparent; float: left; position: relative;right: -171px;top: 14px;}
.left-menu .left-menu-top .h2-title:hover{background: #fff;}
.left-menu .left-menu-bottom{border-top: 10px solid #e9e9e9;}
.left-menu .left-menu-bottom i{float: left;}
.left-menu .left-menu-bottom .i1{width: 15px;height: 17px;background-position: -7px -33px;margin: 16px 15px 0 0;}
.left-menu .left-menu-bottom .i2{width: 15px;height: 22px;background-position: -6px -66px;margin: 13px 15px 0 0;}
.left-menu .left-menu-bottom .i3{width: 19px;height: 12px;background-position: -5px -104px;margin: 20px 15px 0 0;}
.left-menu .left-menu-bottom li{font-size: 12px!important;}
.left-menu .left-menu-bottom .span-long{line-height: 21px;width: 140px;}
/*menu2*/
.blue-bg{background: #4989d8;}
.blue-bg{color: #fff!important;background:#4989d8;  height: 40px;line-height: 40px;padding-left: 20px;color: #fff;font-size: 16px;}
.left-menu-top .img-bg{background: url(../img/run/contact-img01.png) no-repeat;width: 100%;height: 182px!important;padding: 5px; box-sizing:border-box;}
.left-menu-top .img-bg h2{color: #FFF;font-size: 16px;line-height: 30px;padding-top: 105px;}
.left-menu-top .img-bg p{color: #FFF;font-size: 12px;line-height: 20px;cursor: pointer;}
/*footer*/
.footer{width:1000px;text-align: center;height: 35px;line-height: 35px;font-size: 12px;color: #666;}

/*面包屑*/
.div-crumbs{height: 35px;line-height: 35px;margin: 0 auto;width: 1000px;}
.div-crumbs a{float: left;color:#999;font-size: 12;cursor: pointer;padding-right: 5px}
.div-crumbs a.active{color:#333;}
/*浮动层*/
.float-nav{width: 40px;position: fixed;bottom: 40px;right: 10px;}
.float-nav a{transition: all 1s;display: block;width: 40px;height: 40px;background: #4989d8;line-height: 49px;text-align: center;margin-bottom: 1px;cursor: pointer;box-shadow: 0 10px 10px #999;border-radius: 2px;}
.float-nav a .floatMenu{transition: all .2s;}
.float-nav a:hover .floatMenu{
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s; 
	transform:scale(1.15);
	-moz-transform:scale(1.15);
	-webkit-transform:scale(1.15);
	-o-transform:scale(1.15);
	
}

.weixin{overflow: hidden;white-space:nowrap;position: absolute;right: 40px;top: -132px;width: 0; box-shadow: -3px 10px 10px #999;color: #fff;font-size: 14px;background: #4989d8;text-align: center;padding: 10px 0;line-height: 25px;border-radius: 2px;
	transition:width .2s;
	-moz-transition:width .2s;
	-webkit-transition:width .2s;
	-o-transition:width .2s;
}
.we-chat:hover .weixin{width: 140px;
	animation: hover-weixin  .6s linear;
	transition:width .4s;
	-moz-transition:width .4s;
	-webkit-transition:width .4s;
	-o-transition:width .4s;
}
.message{overflow: hidden;white-space:nowrap;position: absolute;box-shadow: -3px 10px 10px #999;right: 40px;top: 82px;width: 0;height: 40px;background: #4989d8;font-size: 18px;text-align: center;line-height: 40px;color: #fff;
	transition:width .4s;
	-moz-transition:width .4s;
	-webkit-transition:width .4s;
	-o-transition:width .4s;
}
.compile-text:hover .message{width: 96px;
	animation: hover-message  .6s linear;
	transition:width .4s;
	-moz-transition:width .4s;
	-webkit-transition:width .4s;
	-o-transition:width .4s;
}
@keyframes hover-weixin
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-moz-@keyframes hover-weixin
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-webkit-@keyframes hover-weixin
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-o-@keyframes hover-weixin
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}

@keyframes hover-message
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-moz-@keyframes hover-message
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-webkit-@keyframes hover-message
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}
-o-@keyframes hover-message
{
0%   {background: rgba(73,137,216,.2);}
25%  {background: rgba(73,137,216,.4);}
50%  {background: rgba(73,137,216,.6);}
75%  {background: rgba(73,137,216,.8);}
100% {background: rgba(73,137,216,1);}
}












